import React from 'react';


export default class MyNav extends React.Component {
    /**
     * 组件中的状态
     * 
     */
    constructor(props) {
        super(props);
        // 定义此时的状态变量
        this.state = {
            count:10
        }
    }
    // 渲染函数
    // render(){


    //     return(
    //         <div>
    //             <span> {this.props.tile}</span>
    //             {
    //                 this.props.name.map((Element,index) =>{
    //                     return (
    //                         <ul>

    //                             <li key={index}>{Element}</li>
    //                         </ul>

    //                     )

    //                 })
    //             }
    //         </div>
    //     )
    // }
    increment(){
        this.setState = {
            count:this.state.count += 1
        }
    }
    // 箭头函数调用时不用绑定this
    decrement = ()=>{
        this.setState = {
            count:this.state.count -= 2
        }
    }
    render() {
        return (
            <div>
                <ul>
                    <p>{this.state.count}</p>
                    <button onClick={this.increment.bind(this)}>增加</button>
                    <button onClick={this.decrement}>减少</button>

                </ul>
            </div>
        )
    }
}